.map {
    width: 100%;
    height: 600px;
}

.back {
    background-color: dodgerblue;
}

.inner {
    padding: 1px 8px !important;
}

.imge {
    border-radius: 12px;
    width: 126px;
    height: 85px;
}

.addbutton {
    width: 100%;
}

.MicrosoftMap .NavBar_Container .NavBar_Button:first-child {
    margin-top: 13px !important;
}

.MicrosoftMap .NavBar_Container .NavBar_Button {
    width: 30px !important;
    height: 30px !important;
    margin-bottom: 5px !important;
}

.MicrosoftMap .bm_LogoContainer #bingLogo {
    display: none !important;
}
/*@media (min-width: 768px) {
    .trip {
        padding: 2px 100px !important;
    }
}*/
.bg_color {
    background-color: white;
}


.e-checkbox-wrapper .e-label {
    font-size: 12px !important;
}

.e-checkbox-wrapper .e-frame {
    border-color: #a5daf9 !important;
    height: 16px !important;
    width: 16px !important;
}

.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check {
    background-color: #a5daf9 !important;
}

.e-input-group .e-input-group-icon:last-child {
    margin-right: 10px !important;
}

/*.e-input-group-icon.e-date-icon, *.e-control-wrapper .e-input-group-icon.e-date-icon {
    font-size: 30px !important;
}
*/
/*.mr-table_bg .mr-table__head {
    background-color: #000000 !important;


}*/


/*div#playback_controls {
    background-color: #fff;
    bottom: -60px;
    color: #000;
    height: 60px;
    left: 0;
    position: relative;
    right: 0;
    z-index: 2;
    display: flex;
    cursor: pointer;
}
    div#playback_controls div.playback_date_selector_container {
        border-right: 1px solid #cad1d7;
        height: 100%;
        left: 0;
        position: relative;
        top: 0;
        width: 60px;
    }
    div#playback_controls span.icon-datetimepicker {
       
        border-right: 1px solid #cad1d7;
        color: #007aff;
        font-size: 1.6em;
        height: 100%;*/
/* left: 827px; */
/*line-height: 60px;
        position: relative;
        text-align: center;
        text-decoration: none;
        top: 0;
        width: 60px;
    }
.datetimepickerLink {
    background: url(../../) no-repeat bottom;
    text-indent: -99999px;
}
.datepicker-panel {
    margin: 10px 0px;
    border: 1px solid #ccc;
    width: 569px;
    height: 60px;
}*/
.playback {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    height: 50px;
}

.date {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-right: 1px solid black;
    padding-right: 17px;
}

.playsearch {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-right: 1px solid black;
}

.playloacation {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-right: 1px solid black;
    padding-right: 30px;
}

.playsetting {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    padding-right: 18px;
}

.setting {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-right: 1px solid black;
    padding-right: 17px;
}

.playclose {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    /* border-left: 1px solid black;*/
}
.map {
    width: 100%;
    height: 600px;
}

.back {
    background-color: dodgerblue;
}

.inner {
    padding: 1px 8px !important;
}

.imge {
    border-radius: 12px;
    width: 126px;
    height: 85px;
}

.addbutton {
    width: 100%;
}

.MicrosoftMap .NavBar_Container .NavBar_Button:first-child {
    margin-top: 13px !important;
}

.MicrosoftMap .NavBar_Container .NavBar_Button {
    width: 30px !important;
    height: 30px !important;
    margin-bottom: 5px !important;
}

.MicrosoftMap .bm_LogoContainer #bingLogo {
    display: none !important;
}
/*@media (min-width: 768px) {
    .trip {
        padding: 2px 100px !important;
    }
}*/
.bg_color {
    background-color: white;
}


.e-checkbox-wrapper .e-label {
    font-size: 12px !important;
}

.e-checkbox-wrapper .e-frame {
    border-color: #a5daf9 !important;
    height: 16px !important;
    width: 16px !important;
}

.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check {
    background-color: #a5daf9 !important;
}

.e-input-group .e-input-group-icon:last-child {
    margin-right: 10px !important;
}

/*.e-input-group-icon.e-date-icon, *.e-control-wrapper .e-input-group-icon.e-date-icon {
    font-size: 30px !important;
}
*/
/*.mr-table_bg .mr-table__head {
    background-color: #000000 !important;


}*/


/*div#playback_controls {
    background-color: #fff;
    bottom: -60px;
    color: #000;
    height: 60px;
    left: 0;
    position: relative;
    right: 0;
    z-index: 2;
    display: flex;
    cursor: pointer;
}
    div#playback_controls div.playback_date_selector_container {
        border-right: 1px solid #cad1d7;
        height: 100%;
        left: 0;
        position: relative;
        top: 0;
        width: 60px;
    }
    div#playback_controls span.icon-datetimepicker {
       
        border-right: 1px solid #cad1d7;
        color: #007aff;
        font-size: 1.6em;
        height: 100%;*/
/* left: 827px; */
/*line-height: 60px;
        position: relative;
        text-align: center;
        text-decoration: none;
        top: 0;
        width: 60px;
    }
.datetimepickerLink {
    background: url(../../) no-repeat bottom;
    text-indent: -99999px;
}
.datepicker-panel {
    margin: 10px 0px;
    border: 1px solid #ccc;
    width: 569px;
    height: 60px;
}*/
.playback {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    height: 50px;
}

.date {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-right: 1px solid black;
    padding-right: 17px;
}

.playsearch {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-right: 1px solid black;
}

.playloacation {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-right: 1px solid black;
    padding-right: 30px;
}

.playsetting {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    padding-right: 18px;
}

.setting {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-right: 1px solid black;
    padding-right: 17px;
}

.playclose {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    /* border-left: 1px solid black;*/
}

.map {
    width: 100%;
    height: 600px;
}

.back {
    background-color: dodgerblue;
}

.inner {
    padding: 1px 8px !important;
}

.imge {
    border-radius: 12px;
    width: 126px;
    height: 85px;
}

.addbutton {
    width: 100%;
}

.MicrosoftMap .NavBar_Container .NavBar_Button:first-child {
    margin-top: 13px !important;
}

.MicrosoftMap .NavBar_Container .NavBar_Button {
    width: 30px !important;
    height: 30px !important;
    margin-bottom: 5px !important;
}

.MicrosoftMap .bm_LogoContainer #bingLogo {
    display: none !important;
}
/*@media (min-width: 768px) {
    .trip {
        padding: 2px 100px !important;
    }
}*/
.bg_color {
    background-color: white;
}


.e-checkbox-wrapper .e-label {
    font-size: 12px !important;
}

.e-checkbox-wrapper .e-frame {
    border-color: #a5daf9 !important;
    height: 16px !important;
    width: 16px !important;
}

.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check {
    background-color: #a5daf9 !important;
}

.e-input-group .e-input-group-icon:last-child {
    margin-right: 10px !important;
}

/*.e-input-group-icon.e-date-icon, *.e-control-wrapper .e-input-group-icon.e-date-icon {
    font-size: 30px !important;
}
*/
/*.mr-table_bg .mr-table__head {
    background-color: #000000 !important;


}*/


/*div#playback_controls {
    background-color: #fff;
    bottom: -60px;
    color: #000;
    height: 60px;
    left: 0;
    position: relative;
    right: 0;
    z-index: 2;
    display: flex;
    cursor: pointer;
}
    div#playback_controls div.playback_date_selector_container {
        border-right: 1px solid #cad1d7;
        height: 100%;
        left: 0;
        position: relative;
        top: 0;
        width: 60px;
    }
    div#playback_controls span.icon-datetimepicker {
       
        border-right: 1px solid #cad1d7;
        color: #007aff;
        font-size: 1.6em;
        height: 100%;*/
/* left: 827px; */
/*line-height: 60px;
        position: relative;
        text-align: center;
        text-decoration: none;
        top: 0;
        width: 60px;
    }
.datetimepickerLink {
    background: url(../../) no-repeat bottom;
    text-indent: -99999px;
}
.datepicker-panel {
    margin: 10px 0px;
    border: 1px solid #ccc;
    width: 569px;
    height: 60px;
}*/
.playback {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    height: 50px;
}

.date {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-right: 1px solid black;
    padding-right: 17px;
}

.playsearch {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-right: 1px solid black;
}

.playloacation {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-right: 1px solid black;
    padding-right: 30px;
}

.playsetting {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    padding-right: 18px;
}

.setting {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-right: 1px solid black;
    padding-right: 17px;
}

.playclose {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    /* border-left: 1px solid black;*/
}





/*Added by Prasad on 25-08-2023*/
.e-control-wrapper.e-slider-container .e-slider .e-range {
    background-color: #005ba3 !important;
}


/*Added by Shaan on 22-03-2024*/

/*.info-box {
    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
    border-radius: 0.25rem !important;
    background-color: #fff !important;
    display: -ms-flexbox !important;
    display: flex !important;
    margin-bottom: 1rem !important;
    min-height: 75px !important;
    padding: 0.5rem !important;
    position: relative !important;
    width: 100% !important;
}*/
.info-box {
    display: block ;
    min-height: 75px !important;
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 5px !important;
    margin-bottom: 15px;
}

    .info-box .info-box-icon {
        border-radius: 0.25rem !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        display: -ms-flexbox !important;
        display: flex !important;
        font-size: 3.875rem !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        text-align: center !important;
        width: 60px !important;
        height: 60px !important;
        margin: 7px 7px;
    }

/*



.elevation-1 {
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24) !important;
}*/
.bg-info, .bg-info > a {
    color: #fff !important;
}

.bg-info {
    background-color: #17a2b8 !important;
}

.bg-danger, .bg-danger > a {
    color: #fff !important;
}

.bg-danger {
    background-color: #dc3545 !important;
}

.bg-success, .bg-success > a {
    color: #fff !important;
}

.bg-success {
    background-color: #28a745 !important;
}

.bg-warning, .bg-warning > a {
    color: #1f2d3d !important;
}

.bg-warning {
    background-color: #ffc107 !important;
}

.info-box-content {
    padding: 13px 10px !important;
    margin-left: 75px !important;
}
#playback {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
}

    #playback button {
        background-color: #007bff;
        color: #fff;
        border: none;
        border-radius: 3px;
        padding: 5px 10px;
        cursor: pointer;
        margin-right: 10px;
    }

#speedRange {
    width: 100%;
}

#speedDisplay, #status, #carLatLng {
    font-size: 14px;
    margin-top: 5px;
    display: block;
}


/*.e-ddl.e-popup .e-input-group {
  
    top: 111px!important;
}

.e-dropdownbase.e-content {
   
    top: 115px!important;
}*/